<script type="tailwind-config">
{
    theme: {
        extend: {
            colors: {
                'regal-blue': '#243c5a',
            }
        }
    }
}
</script>
<style type="postcss">
::selection {
    @apply bg-pink-500;
}
</style>
<div class="container flex flex-col gap-2 mx-auto pt-16">
    <p class="first-letter:text-red-500 first-letter:text-2xl first-letter:underline">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem soluta, quos a dolores voluptas et necessitatibus consequuntur omnis neque repellat unde, reprehenderit nam vero harum sit quaerat qui. Rem, illo!
    </p>
    <div class="h-8 w-8 bg-regal-blue rounded-full hover:bg-blue-800 cursor-pointer first-letter:text-red-500">
    </div>
    <div class="max-w-lg flex rounded-md shadow-sm mb-8">
        <input id="search" v-model="search" autocomplete="off" placeholder="Search users"
            class="flex-1 form-input block w-full rounded-md transition duration-150 ease-in-out sm:text-sm sm:leading-5" />
    </div>

    <div class="foo">asd</div>
    <div class="w-fit p-4 bg-orange-500">new</div>
</div>
<script>
    setTimeout(()=>{
        window.tailwindCSS.help()
    },2000)
    
</script>